<template>
  <div class="cartList">
    <Scroll class="content" ref="scroll">
      <CartListItem v-for="(item,index) in cartList"
                    :key="index"
                    :itemInfo="item"/>
    </Scroll>
  </div>
</template>

<script>
  import Scroll from "components/common/scroll/Scroll";
  import CartListItem from "./CartListItem";

  import {mapGetters} from "vuex";
  export default {
    name: "CartList",
    components:{
      Scroll,
      CartListItem
    },
    computed:{
      ...mapGetters(["cartList"])
    },
    activated() {
      this.$refs.scroll.refresh();
    }
  }
</script>

<style scoped>
.content{
  position: absolute;
  top: 44px;
  bottom: 88px;
  overflow: hidden;
  left: 0;
  right: 0;
}
</style>
